<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link href="./static/css/style.css" rel="stylesheet">
		<link rel="stylesheet" href="./static/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="./static/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/iconfont.css"/>
		<title>合作企业00</title>
	</head>
	<body>
		
		<!-- 引用头部组件 -------s -->
		<div id="header" v-cloak>
			<c-header></c-header>
		</div>
		<!-- 引用头部组件 -------e -->
		
		<div class="about">
		    <img src="./static/image/cooperation.jpg">
		</div>
		
		<div class="container cooperation">
			<div class="main">
				<h3>合作伙伴</h3>
				<h3 class="en">COOPERATIVE PARTNER</h3>
				<p class="index-line"></p>
			</div>
			<div class="row">
				<div class="col-xs-6 col-sm-3 col-md-3 cooperationList">    
					<div class="iconfont icon-guanli icon"></div>
					<h3>管理支持</h3>
					<h5>提供基于市场营销，实施服务，团队建设，运营管理等各方面的标准化支持。</h5>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-3 cooperationList">
					<div class="iconfont icon-leijishufuwux icon"></div>
					<h3>技术和服务支持</h3>
					<h5>专项技术领域获得金蝶专业架构师团队的技术支持，在垂直市场获得领先优势。</h5>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-3 cooperationList">
					<div class="iconfont icon-yingxiao icon"></div>
					<h3>市场和营销支持</h3>
					<h5>客户沙龙、研讨会，行业展会，金蝶用户大会等丰富的市场和营销机会。</h5>
				</div>
				<div class="col-xs-6 col-sm-3 col-md-3 cooperationList">
					<div class="iconfont icon-shizhanpeixun icon"></div>
					<h3>培训支持</h3>
					<h5>专属合作伙伴拓展经理提供业务支持和商务支持，帮助您在云计算领域取得成功。</h5>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-lg-3 introImg">
					<img src="static/image/indexyi.png">
				</div>
				<div class="col-md-6 col-lg-3 introImg">
					<img src="static/image/indexer.png">
				</div>
				<div class="col-md-6 col-lg-3 introImg">
					<img src="static/image/indexsan.png">
				</div>
				<div class="col-md-6 col-lg-3 introImg">
					<img src="static/image/indexsi.png">
				</div>
			</div>
		</div>
		
		<!-- 引用底部组件 -------s -->
		<div id="footer" v-cloak>
			<c-footer></c-footer>
		</div>
		<!-- 引用底部组件 -------e -->
		<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
		<script src="./static/bootstrap/js/bootstrap.min.js"></script>
		<script src="static/js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			let header=new Vue({
				el:'#header',
				data:{},
				
			})
			
			let footer=new Vue({
				el:'#footer',
				data:{},
				
			})
			$(document).scroll(function() {
				var scroH = $(document).scrollTop(); //滚动高度
				var viewH = $(window).height(); //可见高度 
				var contentH = $(document).height(); //内容高度
			
				if (scroH > 480) { //距离顶部大于100px时
					console.log(0);
					$('#navbar').addClass('navbg');
				} else {
					$('#navbar').removeClass('navbg')
				}
			
			
				if (contentH - (scroH + viewH) <= 100) { //距离底部高度小于100px
			
				}
				if (contentH = (scroH + viewH)) { //滚动条滑到底部啦
			
				}
			
			});
		</script>
		
	</body>
</html>
